<template>
  <div class="padding">
    <Videocomponent
      v-for="(v, i) in arr"
      :key="i"
      :v="v"
      :v-if="
        $store.state.yuncun.yuncun && $store.state.yuncun.yuncun.length > 0
      "
    />
  </div>
</template>
<script>
import Videocomponent from "./video.component.vue";
export default {
  created() {
    this.$store.dispatch("getyuncun");
  },
  computed: {
    arr() {
      return this.$store.state.yuncun.yuncun;
    },
  },
  components: {
    Videocomponent,
  },
  methods: {},
};
</script>
<style lang="less" scoped>
.padding {
  width: 100%;
  padding: 0.15rem 0.3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f6f6f6;
}
</style>